<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Cocos2d-html5 Hello World test</title>
  <link rel="icon" type="image/GIF" href="res/favicon.ico" />

  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />

  <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no">

  <!-- force webkit on 360 -->
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <!-- force edge on IE -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="msapplication-tap-highlight" content="no">

  <!-- force full screen on some browser -->
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />

  <!-- force screen orientation on some browser -->
  <!-- <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-orientation" content="portrait"> -->

  <meta name="browsermode" content="application">
  <meta name="x5-page-mode" content="app">

  <style type="text/css">
    html {
      -ms-touch-action: none;
    }

    #Cocos2dGameContainer {
      position: absolute;
      margin: 0;
      overflow: hidden;
      left: 0px;
      top: 0px;

      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-align: center;
      -webkit-box-pack: center;
    }

    canvas {
      background-color: rgba(0, 0, 0, 0);
    }
  </style>
  <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js"></script>
  <link rel="stylesheet" href="dist/uikit-2.25.0/css/uikit.min.css" />
  <script src="dist/uikit-2.25.0/js/uikit.min.js"></script>
</head>

<body>
  <script src="res/loading.js"></script>
  <div class="uk-flex uk-flex-space-between uk-flex-item-auto">
    <div class="uk-flex-column" style="min-width: 300;">
      <div class="uk-panel uk-panel-box" style="min-width: 300px; min-height: 455px; flex-grow:1;">hello</div>
      <div class="uk-panel" style="min-height:5px; height:5px; background:black"></div>
      <div class="uk-panel uk-panel-box" style="min-width: 300px; min-height: 455px; flex-grow:1;">hello</div>
    </div>
    <div class="uk-panel" style="min-width:5px; width:5px; background:black"></div>
    <div class="uk-panel uk-panel-box" style="min-width: 960px; flex-grow:1;">
      <canvas id="gameCanvas" width="960" height="640"></canvas>
      <script src="frameworks/cocos2d-html5/CCBoot.js"></script>
      <script cocos src="cocosmain.js"></script>
    </div>
    <div class="uk-panel" style="min-width:5px; width:5px; background:black"></div>
    <div class="uk-panel uk-panel-box" style="min-width: 300px; flex-grow:1;">hello</div>
  </div>
</body>

</html>